<include file="__THEME__/public_header"/>
<link href="__APP__/friend.css" type="text/css" rel="stylesheet">

<div class="main">
    <include file="_nav"/>
    <div style="float: left">
    <div id="grouplist"  style="width: 180px;float: left">
    </div>
    <div class="clearfix"></div>
    <div id="distribution"  style="width: 180px;float: left">

    </div>
    </div>
    <div id="friendlist" style="float: right; width: 750px;">
    </div>
</div>
<include file="__THEME__/public_footer"/>
<script>
    $(document).ready(function () {
        showList(-1);
        showgroupList();
        showdistribution();
    });
    function showList(groupid) {
        $('#friendlist').load(U("friend/Index/_friendlist" + '&groupid=' + groupid));
    }

    function showgroupList() {
        $('#grouplist').load(U("friend/Index/_grouplist"));
    }
    function showdistribution() {
        $('#distribution').load(U("friend/Index/_distribution"));
    }

</script>